<!DOCTYPE html>
<html>
	<head>
		<title>Lbst Logs</title>
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.css"/>
		<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
		<style>
			.content-secondary {
				text-align: left;
				float: left;
				width: 15%;
				background: none;
			}
			.content-primary {
				text-align: left;
				float: right;
				width: 83%;
				background: none;
				overflow: scroll;
			}
		</style>
		
		<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
		
		<script>
		
		function positionLogger(){
			$('#table').load('http://ifgibox.de/d_wilh02/lbst4/src/database/positionOut.php');
		}
		function poiLogger(){
			$('#table').load('http://ifgibox.de/d_wilh02/lbst4/src/database/poiOut.php');
		}
		function storyLogger(){
			$('#table').load('http://ifgibox.de/d_wilh02/lbst4/src/database/storyOut.php');
		}

		</script>
	</head>
	
	<body>
	
	<div data-role="page">
	<div data-role="content">
			
		<div class="content-secondary">
	
			<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
				<li data-role="list-divider">Overview</li>
				<li><a href="javascript:storyLogger()" data-theme="d">Geschichte</a> </li>
				<li><a href="javascript:poiLogger()" data-theme="d">POI's</a></li>	
				<li><a href="javascript:positionLogger()" data-theme="d">Positionen</a></li>
			</ul>
			
		</div><!--/content-primary-->	
		
		<div class="content-primary">
			<div id="table">
			</div>
		</div>

		

	</div>

	</body>
</head>